<template>
  <div>
    <div style="text-align: right;color: #409EFF;margin-right: 20px" @click="jump('/main')">完成</div>
    <p class="center" style="color: #409EFF">支付成功</p>
    <h1 class="center" style="font-size: 25px">￥32.50</h1>
    <div style="display: flex;justify-content: space-between;margin: 20px">
      <span style="color: grey;font-size: 12px">付款方式</span>
      <span style="font-size: 12px">花呗</span>
    </div>
  </div>
</template>

<script>
    export default {
        name: "SuccessfulPay",
        data(){
            return{
            }
        },
        methods:{
            jump(route){
                this.$router.replace(route);
            }
        }
    }
</script>

<style scoped>
  .center{
    text-align: center;
    font-weight: bold;
  }
</style>
